﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="renderer" content="webkit"/>
    <title>BootStrap样式表格</title>    
    <link href="../../../Framework/bootstrap-3.2.0/css/bootstrap.min.css" rel="stylesheet" />
    <link href="../../../Framework/bootstrap-3.2.0/twibootstrap.css" rel="stylesheet" />
    <script src="../../../Framework/jquery/jquery-1.11.1.min.js"></script>
    <script src="../../../Framework/bootstrap-3.2.0/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="highlight">
                    <div class="btn-toolbar ">                    
                        <button type="button" class="btn btn-default btn-sm">
                            <span class="glyphicon glyphicon-plus icon-blue"></span> <span class="auto-hidden">新增</span>
                        </button>
                        <button type="button" class="btn btn-default btn-sm">
                            <span class="glyphicon glyphicon-pencil icon-green"></span><span class="auto-hidden"> 编辑</span>
                        </button>
                        <button type="button" class="btn btn-default btn-sm">
                            <span class="glyphicon glyphicon-trash icon-red"></span><span class="auto-hidden">删除</span>
                        </button>
                        <button type="button" class="btn btn-default btn-sm">
                            <span class="glyphicon glyphicon-refresh"></span> <span class="auto-hidden">刷新</span>
                        </button>
                    </div>
                </div>   
                <table class="table table-hover table-bordered table-striped">
                    <thead>
                        <tr>
                            <th style="width:20px;">#</th>
                            <th style="width:60px;">编号</th>
                            <th>名称</th>
                            <th>显示字段</th>
                        </tr>
                    </thead>
                     <tr>
                         <td>1</td>
                         <td>SysPark</td>
                         <td>景点权限</td>
                         <td>ParkName</td>
                     </tr>
                    <tr>
                         <td>2</td>
                         <td>Department</td>
                         <td>部门权限</td>
                         <td>DeptName</td>
                     </tr>
                    <tr>
                         <td>3</td>
                         <td>TicketModel</td>
                         <td>票型权限</td>
                         <td>TicketModelName</td>
                     </tr>
                    <tr class="success">
                         <td>4</td>
                         <td>SysPark</td>
                         <td>景点权限</td>
                         <td>ParkName</td>
                     </tr>
                    <tr>
                         <td>5</td>
                         <td>Department</td>
                         <td>部门权限</td>
                         <td>DeptName</td>
                     </tr>
                    <tr>
                         <td>6</td>
                         <td>TicketModel</td>
                         <td>票型权限</td>
                         <td>TicketModelName</td>
                     </tr>
                </table>
            </div>
        </div>
    </div>
</body>
</html>
